<template>
  <div class="page" data-name="history">
    <div class="navbar">
      <div class="navbar-inner sliding">
        <!-- <div class="left">
          <a href="#" class="link back">
            <i class="icon icon-back"></i>
            <span class="ios-only">Back</span>
          </a>
        </div> -->
        <div class="title">历史数据</div>
      </div>
    </div>
    <div class="page-content">
      <!-- <div class="block-title">温湿度</div> -->
      <div class="list media-list">
        <ul>
          {{#each fLastData}}
          <li>
            <a href="/history_detail/{{meterid}}/{{metercode}}/{{metername}}/" class="item-link item-content">
              <div class="item-media">
                <img src="http://121.42.24.64/Public/images/1.png" width="80" />
              </div>
              <div class="item-inner">
                <div class="item-title-row">
                  <div class="item-title">{{metername}}</div>
                  <!-- <div class="item-after">
                    <span class="badge color-orange">{{readdate}}</span>
                  </div> -->
                </div>
                <div class="item-subtitle">{{metercode}}</div>
                <div class="item-text">
                  <!-- <div class="chip color-blue">
                    <div class="chip-label">{{temp}}</div>
                  </div>
                  <div class="chip color-green">
                    <div class="chip-label">{{humi}}</div>
                  </div> -->
                </div>
              </div>
            </a>
          </li>
          {{/each}}
        </ul>
      </div>
    </div>
  </div>
</template>